<template>
  <div class="user-safe">
    <myHead title="账号与安全"></myHead>
    <div class="list">
      <p>手机号 <span>{{ data.phone }}</span></p>
      <p>登录密码 <span>未设置</span></p>
      <p>邮箱绑定 <span>未绑定</span></p>
      <p>微信账号 <span>未绑定</span></p>
      <p>微博账号 <span>未绑定</span></p>
      <p>QQ账号 <span>未绑定</span></p>
    </div>
  </div>
</template>
<script>
import myHead from '@/components/head.vue';
export default {
  name: 'user-safe',
  components: {
    myHead
  },
  mixins: [],
  props: {

  },
  data() {
    return {
      data:{}
    }
  },
  computed: {

  },
  watch: {

  },
  mounted() {
    this.getUserBindAPI()
    this.data = JSON.parse(localStorage.getItem('data'))
  },
  methods: {
    getUserBindAPI(){
      this.$http.get('http://43.138.15.137:8085/api/user/getuserbind').then(res => {
        console.log(res);
      })
    }
  }
};
</script>
<style lang='scss' scoped>
.user-safe {
  padding: 10px;

  .list {
    padding: 0 10px;

    p {
      margin-top: 30px;
      font-size: 16px;

      span {
        float: right;
        color: #999;
      }
    }
  }
}</style>